:root {
  /* 主题色 - 绿色 */
  --primary-color: #67c23a;
  --primary-color-light: #95d475;
  --primary-color-lighter: #e1f3d8;
  --primary-color-dark: #529b2e;

  /* 文字颜色 */
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;

  /* 边框颜色 */
  --border-color-base: #dcdfe6;
  --border-color-light: #e4e7ed;
  --border-color-lighter: #ebeef5;

  /* 背景颜色 */
  --background-color-base: #f5f7fa;

  /* 菜单颜色 */
  --menu-background: #263238;
  --menu-text: #bfcbd9;
  --menu-active-text: var(--primary-color);
  --submenu-background: #1e282d;
  --menu-hover-bg: rgba(103, 194, 58, 0.1);

  /* 头部导航背景 */
  --header-background: #ffffff;

  /* 阴影 */
  --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

  /* Element Plus 样式变量 */
  --el-color-primary: var(--primary-color);
  --el-color-primary-light: var(--primary-color-light);
  --el-color-primary-lighter: var(--primary-color-lighter);
  --el-color-primary-dark: var(--primary-color-dark);

  /* 按钮样式 */
  --el-button-primary-bg-color: var(--primary-color);
  --el-button-primary-border-color: var(--primary-color);
  --el-button-primary-text-color: #ffffff;
  --el-button-text-hover-bg-color: rgba(64, 158, 255, 0.1);
  --el-button-text-hover-color: #66b1ff;

  /* 表格样式 */
  --el-table-header-bg-color: var(--background-color-base);
  --el-table-cell-padding: 8px 0;
  --el-table-button-padding: 4px 8px;

  /* 分页样式 */
  --el-pagination-bg-color: var(--primary-color);

  /* 单选框样式 */
  --el-radio-checked-bg-color: var(--primary-color);
  --el-radio-checked-border-color: var(--primary-color);
  --el-radio-checked-text-color: var(--primary-color);

  /* 复选框样式 */
  --el-checkbox-checked-bg-color: var(--primary-color);
  --el-checkbox-checked-border-color: var(--primary-color);
  --el-checkbox-indeterminate-bg-color: var(--primary-color);
  --el-checkbox-indeterminate-border-color: var(--primary-color);

  /* 树形控件样式 */
  --el-tree-node-hover-bg-color: #f0f9eb;
  --el-tree-current-node-bg-color: #f0f9eb;

  /* 数字输入框样式 */
  --el-input-number-active-bg-color: var(--primary-color);
  --el-input-number-active-text-color: #ffffff;

  /* 日期选择器样式 */
  --el-date-picker-active-color: var(--primary-color);

  /* 卡片样式 */
  --el-card-border-color: transparent;
  --el-card-header-padding: 15px 20px;
  --el-card-border-radius: 8px;

  /* 表单样式 */
  --el-form-item-label-font-weight: 500;

  /* 对话框样式 */
  --el-dialog-header-text-align: center;
  --el-dialog-header-font-weight: bold;
  --el-dialog-body-padding-top: 24px;
}
